<template>
    <div class="index-cate-item">
      <router-link to="/goods?kind=15"><img class="wow fadeInUp" data-wow-delay='.2s' src="@/assets/img/cate_tea_set.png" alt="tea set"></router-link>
      <router-link to="/goods?kind=20"><img class="wow fadeInUp" data-wow-delay='.3s' src="@/assets/img/cate_tea.png" alt="tea"></router-link>
      <router-link to="/goods?kind=8"><img class="wow fadeInUp" data-wow-delay='.4s' src="@/assets/img/cate_bracelets.png" alt="bracelets"></router-link>
      <router-link to="/goods?kind=31"><img class="wow fadeInUp" data-wow-delay='.5s' src="@/assets/img/cate_furniture.png" alt="furniture"></router-link>
      <router-link to="/goods?kind=1"><img class="wow fadeInUp" data-wow-delay='.6s' src="@/assets/img/cate_ornament.png" alt="ornament"></router-link>
      <router-link to="/goods"><img class="wow fadeInUp" data-wow-delay='.7s' src="@/assets/img/cate_other.png" alt="other"></router-link>
    </div>
</template>

<script>
import { WOW } from 'wowjs';
export default {
  mounted () {
    new WOW().init();
  }
}
</script>
